<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>上海市质监局</title>

    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/layout/css/sccl.css">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/static/layout/skin/blue/skin.css"
          id="layout-skin"/>
    <link rel="stylesheet" type="text/css"
          href="<%=request.getContextPath()%>/static/layout/simple-line-icons/simple-line-icons.min.css"/>
    <link rel="icon" href="<%=request.getContextPath()%>/favicon.ico">

    <style>


        #header {
            background: url('<%=request.getContextPath()%>/static/layout/image/headimg.png') no-repeat;
            box-shadow: 1px 1px 1px #06bbdc;
        }

        .header-bar li a {
            margin: 0 10px;
            color: #004dbe;
        }

        /*.layout-main-tab {*/

        /*border-top: 1px solid #dddddd;*/
        /*}*/

        /*.img-circle {*/
        /*border-radius: 50% !important;*/
        /*border: 2px solid #06bbdc;*/
        /*}*/

        /*.selectActive {*/
        /*display: block;*/
        /*background-image: none;*/
        /*float: right;*/
        /*position: absolute;*/
        /*right: 0px;*/
        /*top: 11px;*/
        /*background: none;*/
        /*width: 0;*/
        /*height: 0;*/
        /*border-top: 12px solid transparent;*/
        /*border-bottom: 12px solid transparent;*/
        /*border-right: 12px solid #ffffff;*/
        /*}*/
    </style>
</head>

<body>
<div class="layout-admin">
    <header id="header" class="layout-header">
        <div style="">

            <span class="header-logo"></span>
            <a class="header-menu-btn" href="javascript:;" style="color: #0000ee;"><i class="icon-font">&#xe600;</i></a>
            <ul class="header-bar">


                <shiro:hasPermission name="expertInfo:expertEdit:default">
                    <li class="header-bar-nav">

                        <style>
                            .badge-dot {
                                position: relative;
                                top: -4px;
                                display: inline-block;
                                background-color: #FF5722;
                                border-radius: 50%;
                                width: 8px;
                                height: 8px;
                                margin: 2px;
                            }
                        </style>
                        <a href="javascript:;"><span class="badge-dot"></span>业务系统
                            <i class="icon-font" style="margin-left:5px;">&#xe60c;</i>
                        </a>
                        <ul class="header-dropdown-menu">
                            <li><a target="_blank"
                                   href="<%=request.getContextPath()%>/welcome/singleLogin/jianYan?url=http://xzsp.shzj.gov.cn/shzjxzsp/expertLoginforWT"><i
                                    class="icon-fire"></i> 网上办事平台</a></li>
                                <%--<li><a target="_blank" href="http://www.baidu.com"><i class="icon-rocket"></i> 工业产品</a></li>--%>
                        </ul>
                    </li>
                    =
                </shiro:hasPermission>

                <li class="header-bar-role"><a href="javascript:;"> ${role}</a></li>
                <li class="header-bar-nav">
                    <a href="javascript:;">${name}<i class="icon-font" style="margin-left:5px;">&#xe60c;</i></a>
                    <ul class="header-dropdown-menu">
                        <%--<li><a href="javascript:;">个人信息</a></li>--%>
                        <%--<li><a href="javascript:;">切换账户</a></li>--%>
                        <li><a href="<%=request.getContextPath()%>/welcome/signOut/index"><i class="icon-power"></i> 退出</a>
                        </li>
                    </ul>
                </li>

                <li class="header-bar-nav">
                    <a href="javascript:;" title="换肤"><i class="icon-font">&#xe608;</i></a>
                    <ul class="header-dropdown-menu right dropdown-skin">
                        <li><a href="javascript:;" data-val="blue" title="黑色">黑色</a></li>
                        <%--<li><a href="javascript:;" data-val="molv" title="墨绿">墨绿</a></li>--%>
                        <li><a href="javascript:;" data-val="qingxin" title="清新">清新</a></li>
                    </ul>
                </li>

            </ul>

        </div>
    </header>
    <aside class="layout-side">
        <ul class="side-menu">
            <li class="menu-header menu-item">主菜单</li>
            <c:forEach items="${menus}" var="i">
                <c:if test="${i.pid==null}">
                    <li class="menu-item ">
                        <a href=""><i class="${i.icon}"></i><span>${i.name}</span><i
                                class="icon-font icon-right"></i><i class="selected"></i></a>
                        <ul class="menu-item-child">
                            <c:forEach items="${menus}" var="j">
                                <c:if test="${j.pid==i.id}">
                                    <li><a class="menu-item-child-a"
                                           href="<%=request.getContextPath() %>/${j.url}"> <i
                                            class="${j.icon}"></i><span>${j.name}</span></a>
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                    </li>
                </c:if>
            </c:forEach>

        </ul>
    </aside>

    <div class="layout-side-arrow">
        <div class="layout-side-arrow-icon"><i class="icon-font">&#xe60d;</i></div>
    </div>

    <section class="layout-main" style="bottom: 0px;">
        <%--<div class="layout-main-tab">--%>
        <%--<button class="tab-btn btn-left"><i class="icon-font">&#xe60e;</i></button>--%>
        <%--<nav class="tab-nav">--%>
        <%--<div class="tab-nav-content">--%>
        <%--<a href="javascript:;" class="content-tab active" data-id="home.html">首页</a>--%>
        <%--</div>--%>
        <%--</nav>--%>
        <%--<button class="tab-btn btn-right"><i class="icon-font">&#xe60f;</i></button>--%>
        <%--</div>--%>
        <div class="layout-main-body" style="top: 10px; margin-left: 10px; margin-right: 10px; ">
            <iframe class="body-iframe" name="iframe0" width="100%" height="99%"
                    src="<%=request.getContextPath() %>/welcome/home/welcome" frameborder="0"
                    data-id="home.html" seamless></iframe>
        </div>
    </section>
    <%--<div class="layout-footer">@2016 0.1 www.mycodes.net</div>--%>
</div>
<script src="<%=request.getContextPath()%>/static/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/static/layout/js/sccl.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/static/layout/js/sccl-util.js"></script>
</body>
</html>
